<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户留言 - ${site.name} - Powered by SM1000 </title>
<meta http-equiv="keywords" content="用户留言"/>
<meta http-equiv="description" content="用户留言"/>
<script src="${resSys}/jquery.js" type="text/javascript"></script>
<script src="${resSys}/front.js" type="text/javascript"></script>
<script src="/${res}/js/common.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="/${res}/css/layout.css">
<link rel="stylesheet" type="text/css" href="/${res}/css/guestbook.css">
<style type="text/css">
/*留言板页样式*/
.gb_logo{margin:10px 0 10px; padding-bottom:10px; border-bottom:#ccc 1px solid;}
dl.gb{border-bottom:1px dashed #ccc; line-height:1.8em; padding:10px 0 10px;}
dl.gb dt{line-height:30px;font-size:14px;}
dl.gb dt span {color:#ff3300; margin-right:10px;}
dl.gb dd{text-indent:20px;}
dl.gb dd.relpy{margin-top:10px;color:#006600;}
.STYLE1 {color: #000000}
</style>
</head>

<body>
<!--top_begin-->
[#include "../include/页头顶栏.html"/]
<!--top_end-->
<!--header_begin-->
[#include "../include/页头导航栏.html"/]
<!--header_end-->
<!--search_begin-->
[#include "../include/页头搜索栏.html"/]
<!--search_end-->
<!--body_begin-->
<div id="main">
  <div class="page"><img src="/${res}/img/banner1.jpg" /></div>
  <div class="page2 position"> 您现在正在浏览： <a href="${base}/">首页</a> &raquo; 用户留言</div>
  <!--cjbd_begin-->
  <div class="page2 box">
  <div class="w200 fl">
      <div class="rb_mid_top2"><h2>网上留言</h2></div>
      <div class="rb_mid box comment"  >
        <h2><span><a href="/map.jhtml"><font color="#FFFFFF">网格地图</font></a></span></h2>
        <h2><span><a href="javascript:woyaoliuyan();"><font color="#FFFFFF">我要反映</font></a></span></h2>
        <h2><span><a href="javascript:huifuliebiao();""><font color="#FFFFFF">党员回复</font></a></span></h2>
        <!--网友评论_End-->
</div>
      <div class="rb_left_low2"></div>
    </div>
    <div class="w600 fl">
      <div class="rb_mid_top2"><h2>用户留言</h2></div>
      <div class="rb_mid box">
        <div class="w96" style=" display:none" id="shouliliebiao">
            <div class="gb_logo">
				<img src="/${res}/img/guestbook/lyb.jpg" width="600" height="85" border="0" />

			</div>
		  <table width="100%"  cellspacing="1" bgcolor="#FFEB82">

              <tr bgcolor="#FFFFCC"> 
                <td width="140" align="center"><span class="STYLE1">受理编号</span></td>
                <td height="30" align="center"><span class="STYLE1">反映内容</span></td>
                <td width="100" align="center"><span class="STYLE1">受理日期</span></td>
              </tr>
              
         [@cms_guestbook_page siteId=site.id count='8' checked='1']
		    [#list tag_pagination.list as m]
		      <tr>
		    <td width="100" align="center"  bgcolor="#FFFFFF"><span class="STYLE1">${m.number!}</span></td>
                <td height="30" align="left"  bgcolor="#FFFFFF"><span class="STYLE1"><a href="/guestbook/${m.id!}.jspx">
                	[#if (m.contentHtml?length>=26)]
					    ${m.contentHtml?substring(0,26)}...
					[#else]
						${m.contentHtml!}
					[/#if]
                </a></span></td>
                <td width="100" align="center"  bgcolor="#FFFFFF"><span class="STYLE1">${m.createTime?string("yyyy-MM-dd")}</span></td>
			</tr>
		    [/#list]		   
		
            </table>
		    <br /> <div class="pagination">[@cms_pagination sysPage='1'/]</div>
		 [/@cms_guestbook_page]			
        </div>
		
		<!-- ******* begin of 我要留言主页面 -->
		<div id="woyaoliuyan">
		   <!-- 网友评论_Begin-->        
		<div class="comment" id="comment" style=" display:none">
		  <h2><span><font color="#FFFFFF">我要留言</font></span></h2>
		  <div class="w98">
		 <form id="guestbookForm" action="${base}/guestbook.jspx" method="post">
		  <table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#EAEAEA">
			<tr>
			  <td width="20%" height="30" align="right" bgcolor="#fafafa"><strong>类  别：</strong></td>
			  <td width="30%" bgcolor="#FFFFFF">
			  <select name="ctgId" value="2" class="required" >
			  	<option value="0">请选择</option>
				[@cms_guestbook_ctg_list siteId=site.id type=flog]
				[#list tag_list as ctg]
					[#if flog==ctg.id]
					<option value="${ctg.id}" selected="selected">${ctg.name}</option>
					[#else]
					<option value="${ctg.id}">${ctg.name}</option>
					[/#if]
				[/#list]
				[/@cms_guestbook_ctg_list]
			  </select>	          </td>
			  <td width="20%" align="right" bgcolor="#FAFAFA"><strong>电子邮箱：</strong></td>
			  <td width="30%" bgcolor="#FFFFFF"><input type="text" name="email" class="email" maxlength="100"/></td>
			</tr>
			<tr>
			  <td width="20%" height="30" align="right" bgcolor="#fafafa"><strong>电  话：</strong></td>
			  <td width="30%" bgcolor="#FFFFFF"><input type="text" name="phone" maxlength="50"/></td>
			  <td width="20%" align="right" bgcolor="#FAFAFA"><strong>QQ：</strong></td>
			  <td width="30%" bgcolor="#FFFFFF"><input type="text" name="qq"/></td>
			</tr>
			<tr>
			<td  bgcolor="#fafafa" width="20%"></td>
			 <td width="80%" height="20"  colspan="4" align="left" bgcolor="#fafafa" ><strong>(请留下电话,如果留言回复了会及时给你短信)：</strong></td>
			</tr>
			<tr>
			  <td width="20%" height="30" align="right" bgcolor="#fafafa"><strong>标题：</strong></td>
			  <td colspan="3" bgcolor="#FFFFFF"><input name="title" type="text" size="70" class="required" maxlength="255"/></td>
			  </tr>
			<tr>
			  <td width="20%" height="80" align="right" bgcolor="#fafafa"><strong>留言：</strong></td>
			  <td colspan="3" bgcolor="#FFFFFF">
			  <textarea name="content" class="cinput required" cols="40" rows="5"></textarea></td>
			  </tr>
			<tr>l
			  <td width="20%" height="80" align="right" bgcolor="#fafafa"><strong>验证码：</strong></td>
			  <td colspan="3" bgcolor="#FFFFFF">
			 <input type="text" name="captcha" class="required" maxlength="20"/> 
			 <img id="guestbookCaptcha" src="${base}/captcha.svl" onclick="this.src='${base}/captcha.svl?d='+new Date()"/>
			   </td>
			  </tr>
			<tr>
			  <td height="30" colspan="4" align="center" bgcolor="#FFFFFF">
			    <input type="image" src="/${res}/img/guestbook/btn.gif" name="submit" />
			  </td>
			</tr>
		  </table>
		</form>
	
		<script type="text/javascript">
		$(function() {
			$("#guestbookForm").validate( {
				submitHandler : function(form) {
					$(form).ajaxSubmit( {
						"success" : function(data) {
							if(data.status==0) {
								alert("你的留言我们已经收到,我们会及时跟进,请耐心等待我们的回复,你的留言受理编号是:"+data.number);
								location.href=location.href;
							} else if(data.status==1) {
								alert("验证码错误");
								$("#guestbookCaptcha").click();
							} else if(data.status==2) {
								alert("请选择相对应的网格");
							} else {
								alert("留言提交失败");
							}
						},
						"dataType" : "json"
					});
				}
			});
		});
		</script>
		  </div>		  
		</div>

		
		<div class="comment" id="banshixuzhi">
		  <h2><span><font color="#FFFFFF">我要留言</font></span></h2>
		  <div class="w98">
		 <div class="gb_logo">
				<img src="/${res}/img/guestbook/lyb.jpg"/>
			</div>
		  <table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#EAEAEA">
			<tr>
			  <td width="100%" height="30" align="left" bgcolor="#fafafa" style="line-height:30px"><strong style="color:#9F0F0E">办事须知：</strong>
			  <br/>
			  &nbsp; &nbsp; &nbsp; &nbsp; “观澜虹桥网”是党员群众向党代表反映问题、提出意见建议的快速通道。为使您反映的问题能及时有效解决，请按照要求填写您的姓名、工作单位及职务、联系电话、手机、反映内容等信息，
			  我们将及时进行办理并予以答复。提交完毕后请记下受理编号，便于您查询办理结果。<br/>
			  &nbsp; &nbsp; &nbsp; &nbsp; 您的信息网站会予以保密。谢谢您的参与和合作！”
			  </td>
			 
			</tr> 
			<tr>
			  <td height="30" colspan="4" align="center" bgcolor="#FFFFFF">
			    <input type="image" src="/${res}/img/guestbook/ly.png" name="banshixuzhi" onclick="checkBanShiXuZhi();"/>
			  </td>
			</tr>
		  </table>
		
	
		<script type="text/javascript">
		 function checkBanShiXuZhi(){
			 document.getElementById('comment').style.display='block';
			 document.getElementById('banshixuzhi').style.display='none';
			 return;
		 }
		 function huifuliebiao(){
			 document.getElementById('shouliliebiao').style.display='block';
			 document.getElementById('woyaoliuyan').style.display='none';
			 return;
		 }
		 function woyaoliuyan(){
			 document.getElementById('woyaoliuyan').style.display='block';
			 document.getElementById('shouliliebiao').style.display='none';
			 return;
		 }
		 
		</script>
		  </div>		  
		</div>
		<!--网友评论_End-->
		</div>
		<!--  ******* end of 我要留言主页面 -->
      </div>
      <div class="rb_mid_low2"></div>
    </div>
    <div class="w150 fr">
      <!--相关文章_Begin-->
      <div class="rb_right_top2">
        <h2>网格负责人</h2>
      </div>
      <div class="rb_right_div">
         <!--最新图文_Begin-->
        <div class="w98">
        <ul >
          <li><a href="#" target="_blank"><img src="${imgUrl}"  height="120" width="100"/></a></li><p/>
         <dd class="text"> <li>姓名:骆秋雄</li></dd>
          <li>负责情况:组长</li><p/>
          <li>职务:观澜街道党工委副书记</li><p/>
          
        </ul>
		</div>      
        <!--最新图文_End-->
		
        <!--本周热门资讯排行_Begin-->
        <h2><span>[#if ctg?? ]${ctg.name}[/#if]成员</span></h2>
        <div class="w98">
			<ul >
			[#if leader?? ]
			<li><img src="${leader.imgUrl!''}" title="${leader.username}" height="120" width="100"></li>
			  <li>姓名:${leader.username}</li>
			  <li>职务:${leader.realname!''}</li>
			  <li>负责情况:网格组长</li>
			[/#if]
			  
			[#if users?? ]
			  [#list users as user]
			  <li><img src="${user.imgUrl!''}" title="${user.username}" height="120" width="100"></li>
			  <li>姓名:${user.username}</li>
			  <li>职务:${user.realname!''}</li>
			  [/#list]
			[/#if]
			</ul>
        </div>
        <!--本周热门资讯排行_End-->
       
     
      <!--相关文章_End-->
    </div> <div class="rb_right_low2"></div>
  </div>
</div>
<!--body_end-->

<!--hotlink_begin-->
[#include "../include/页脚友情链接栏.html"/]
<!--hotlink_end-->
<!--footer_begin-->
[#include "../include/页脚信息栏.html"/]
<!--footer_end-->
</body>
</html>
